	<div id="about">
		<header>
	  		<div class="header_1">
	  			<div class="header_1_l">
	  				<a href="tencent://message/?uin=800856669&Site=&Menu=yes" target="_self" class="qq">
	  					<img src="../../static/img/header-01.png"/>
	  					<p>在线客服</p>
	  				</a>
	  				<span></span>
	  				<div @click="collection('赶紧试','http://192.168.0.126:3000/home/index')" class="collection">
	  					<img src="../../static/img/header-02.png"/>
	  					<p>收藏</p>
	  				</div>
	  			</div>
	  			<div class="header_1_r">
	  				<ul v-if="!token">
	  					<li><router-link to="/IDoperation/login">商家登录</router-link></li>
	  					<li class="feature"><router-link to="/IDoperation/register">免费注册</router-link></li>
	  				</ul>
	  				<p id="logout" v-else><router-link to="/agent/agentCenter">{{user}}</router-link> <span @click="logout" class="logout">退出</span></p>
	  				<span class="color_fg"></span>
	  				<router-link v-wechat-title='$route.meta.title' to="/home/index">赶紧试首页</router-link>
	  				<span class="color_fg"></span>
	  				<router-link to="/share">分享赚钱<span>月入4000</span></router-link>
	  				<span class="color_fg"></span>
	  				<router-link to="/help">帮助中心</router-link>
	  			</div>
	  		</div>
	  		<div class="header_2">
	  			<div class="header_2_box">
	  				<div class="header_2_left">
	  					<img src="../../static/img/logo-02.png"/>
	  					<div class="header_2_text">
	  						<h3>关于我们</h3>
	  					</div>
	  				</div>
	  				<div class="header_right">
	  					<ul>
	  						<li><router-link to="/agreement">用户协议</router-link></li>
	  						<li><router-link to="/help">帮助中心</router-link></li>
	  						<li><router-link to="about">关于我们</router-link></li>
	  					</ul>
	  				</div>
	  			</div>
	  		</div>
	    </header>
	    <div id="content">
	    	<div class="about_item">
		    	<h3>关于我们</h3>
		    	<p>中山市天牛网络有限公司旗下赶紧试是一家专注于试用类服务的平台，是免费试用类社交电商领导者。赶紧试 以“购物全额返，分享即赚钱”的理念为广大用户提供最优质的试用服务。赶紧试每天为用户提供上千款高价值商品免费试用，试用品包邮且无需退还；用户通过分享邀请亲朋好友一 起免费试用，还能额外获得平台奖金。</p>
		    	<p>赶紧试聚集了大量的优质淘宝用户，通过免费试用活动为商家打造精确人群标签，提升店铺UV价值，合理提 升店铺数据，同时为商家提升品牌价值及影响力。赶紧试，让商家和用户能面对面沟通，用户只需要非常低 的成本就可获取高价值商品，并为商家提供最适合的产品体验建议，获取口碑营销等附加价值。赶紧试为用户和商家建立起共赢的桥梁。</p>
		    </div>
	    	<div class="about_item">
		    	<h3>联系我们</h3>
		    	<p><span>QQ：800856669</span><span>邮箱：ganjinshi@163.com</span><span>微信号：ganjinshi</span></p>
		    	<p>工作时间：周一到周日上午8:30至晚上22:00(法定节假日除外)</p>
		    	<p>如果您对我们的网站、服务有任何疑问或建议，请随时联系我们，我们将竭诚为您服务！</p>
		    </div>
	    </div>
	</div>
</template>

<script>
export default{
	name: 'about',
	data:function(){
		return{
			token: '',
			user: '',//商家昵称
		}
	},
	methods:{
	  	collection: function(title,url){
	  		try{
			   window.external.addFavorite(url,title);
			}
			catch(e){
				try{
				    window.sidebar.addPanel(title,url,"");
				}
				catch(e){
					this.$alert("3","抱歉，您所使用的浏览器无法完成此操作。请使用快捷键Ctrl+D进行添加！");
				}
			}
	  	},
		info: function(){
			var _this = this;
			_this.$axios.post('/agent/info/show').then(function(res){
			    var data = res.data.result;
		    	_this.user = data.nickName;
			}).catch(function (error) {
			    console.log(error);
			});
		},
		logout: function(){
			localStorage.removeItem('token');
			this.$router.push('/IDoperation/login');
		},
	},
	created:function(){
		$(window).scrollTop(0);
		var token = localStorage.getItem('token');
		if(token){
			this.token = token;
			this.info();
		}
	},
}
</script>

<style scoped>
/* ========== */
/* = Header = */
/* ========== */
header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: #F5F5F5;
	min-width: 1366px;
}
header .router-link-active{
	color: #ff464e;
}
.header_1{
	width: 1230px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #808080;
	font-size: 12px;
	padding: 5px 0;
}
.header_1_l{
	display: flex;
	align-items: center;
}
.header_1_l span{
	height: 10px;
	width: 1px;
	background-color: #9f9f9f;
	margin: 0 15px;
}
.qq,.collection{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.qq img,.collection img{
	height: 15px;
	display: block;
	margin-right: 3px;
}
.header_1_r{
	display: flex;
	align-items: center;
}
.header_1_r .color_fg{
	height: 10px;
	width: 1px;
	background-color: #9F9F9F;
	margin: 0 10px;
}
.header_1_r ul{
	display: flex;
	align-items: center;
}
.header_1_r ul li{
	margin-left: 10px;
}

.header_1_r #logout{
	display: flex;
}
.header_1_r .logout{
	color: #FF464E;
	cursor: pointer;
	margin-left: 5px;
}
.header_1_r a{
	display: flex;
	align-items: center;
}
.header_1_r a span{
	color: #FF464E;
}
.header_1_r a img{
	height: 8px;
	display: block;
	margin-left: 3px;
}
.feature{
	color: #ff464e;
}
.header_2{
	background-color: #fff;
	padding: 15px 0;
	border-bottom: 1px solid #E6E6E6;
}
.header_2_box{
	width: 1230px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_2_box .header_2_left{
	display: flex;
	align-items: center;
	color: #4F4F4F;
}
.header_2_box .header_2_left img{
	height: 40px;
	display: block;
}
.header_2_box .header_2_left .header_2_text{
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #E6E6E6;
}
.header_2_box .header_2_left h3{
	font-size: 18px;
	font-weight: normal;
}
.header_2_box .header_right{
	display: flex;
	align-items: center;
}
.header_2_box .header_right ul{
	display: flex;
	align-items: center;
}
.header_2_box .header_right ul li{
	display: flex;
	align-items: center;
	padding: 0 15px;
	color: #4F4F4F;
	font-size: 14px;
	cursor: pointer;
}
.header_2_box .header_right ul li.nav_active{
	color: #FF464E;
}
.header_2_box .header_right ul li img{
	height: 30px;
	display: block;
	margin-right: 5px;
}
#content{
	width: 1230px;
	margin: 0 auto;
	background-color: #fff;
	padding: 0 15px;
	box-sizing: border-box;
	margin-top: 100px;
	padding-bottom: 30px;
}
.about_item{
	margin-bottom: 20px;
}
.about_item h3{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border-bottom: 1px solid #E6E6E6;
	font-weight: 600;
	margin-bottom: 10px;
}
.about_item p{
	text-indent: 2em;
	line-height: 30px;
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.about_item:first-child h3{
	margin-bottom: 20px;
}
.about_item:last-child h3{
	color: #FF464E;
	border-bottom: none;
	border-top: 1px solid #E6E6E6;
	margin-bottom: -5px;
}
</style>